<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>瀑布流效果</title>
    <link href="style.css" rel="stylesheet" type="text/css">
</head>
<body>
    <div class="container">
        <div><img src="img/1.jpg">
                <p>这里添加标签</p></div>
        <div><img src="img/2.jpg"></div>
        <div><img src="img/3.jpg"></div>
        <div><img src="img/4.jpg"></div>
        <div><img src="img/5.jpg"></div>
        <div><img src="img/6.jpg"></div>
        <div><img src="img/7.jpg"></div>
        <div><img src="img/8.jpg"></div>
        <div><img src="img/9.jpg"></div>
        <div><img src="img/10.jpg"></div>
        <div><img src="img/11.jpg"></div>
        <div><img src="img/12.jpg"></div>
        <div><img src="img/13.jpg"></div>
        <div><img src="img/14.jpg"></div>
        <div><img src="img/15.jpg"></div>
        <div><img src="img/16.jpg"></div>
        <div><img src="img/17.jpg"></div>
        <div><img src="img/18.jpg"></div>
        <div><img src="img/19.jpg"></div>
        <div><img src="img/20.jpg"></div>
        <div><img src="img/21.jpg"></div>
        <div><img src="img/22.jpg"></div>


    </div>
</body>
</html>